body, html, div, p, span, a, h1, h2, h3, h4, h5{
	margin 				: 0;
	padding 			: 0;
}

body, html{	
	width 				: 100%;
	height              : 700px;
}

body{
	background 			: url('../images/bkgd.png') repeat top left;
	color 				: white;
	font-family 		: tahoma;
	font-weight 		: lighter;
	padding-top 		: 40px;
	overflow			: hidden;
	border 				: 1px solid white;
}

body p{
	font-size 		: 14px;
}

body p a{
	font-size	: 16px;
}

h1 {
	color 				: #E05E00;	
	font-style 			: italic;
}

a{
	color 				: #E05E00;
	text-decoration		: none;
}

a:hover{
	text-decoration		: underline;
}

/* general */
.clear {
	clear: both;
}

/* Header */
.brand{
	color 				: #E05E00 !important;	
	font-family 		: georgia;
	font-style 			: italic;
}

/* list stuff */
#org{
	background-color 	: white;
	margin 				: 10px;
	padding 			: 10px;
}

/* bootstrap overrides */
.alert-message{
	margin: 2px 0;
}

.topbar{
	position 			: absolute;
}

/* Custom chart styling */
.jOrgChart {
  margin                : 10px;
  padding               : 20px;
}

/* Custom node styling */
.jOrgChart .node {
	font-size 			: 16px;
	border-radius 		: 8px;
	border 				: 5px solid white;
	-moz-border-radius 	: 8px;
	background-color 	: #35363B;
	width               : 80px;
	height              : 30px;
	line-height 	    : 20px;
}

.node p{
	font-family 	: tahoma;
	font-size 		: 10px;
	line-height 	: 11px;
	padding 		: 2px;
}

.orgChart {
	cursor				: default;
	/*border 				: 1px solid white;*/
}

.ui-draggable-dragging {
	cursor				: move;
}

.jOrgChart .female a {
	/*background-color 	: Orchid;*/
	color 				: Red; /*BlueViolet*/
}

.jOrgChart .male a {
	color 				: #F38630;
}

.jOrgChart .dead {
	background-color 	: Grey;
}

.note {
	padding             : 10px 20px 8px;
	float               : left;
}

#reset {
	float               : right;
	cursor              : pointer;
}
